<template>
  <div>
    <div class="jsx-4111153837 electronics-buyout">
      <div class="jsx-3168862252 nav-section">
        <h2 class="jsx-3168862252">请选择产品</h2>
        <div class="jsx-2951133070 secondary-nav">
          <div class="jsx-2951133070 secondary-nav-item active">Kindle</div>
          <div class="jsx-2951133070 secondary-nav-item">无线耳机</div>
          <div class="jsx-2951133070 secondary-nav-item">游戏机</div>
        </div>
      </div>
      <div class="jsx-3257745841 kindle-entry">
        <div class="jsx-3257745841 main-content">
          <div class="jsx-3257745841 tip-section">
            <div
              class="jsx-1818045964 emphasis-section normal"
              style="padding: 12px; line-height: 1.6"
            >
              <p class="jsx-3257745841">有以下问题的暂时不收：</p>
              <ul
                class="jsx-3033025135 root"
                style="font-size: 13px; font-weight: 400"
              >
                <li class="jsx-3033025135">数据传输异常；账号登录异常</li>
                <li class="jsx-3033025135">
                  充电异常；开机异常；网络无法连接 Wi-Fi
                </li>
                <li class="jsx-3033025135">选择具体型号后提示不收的情况</li>
              </ul>
            </div>
            <a href="/support/kindle-buyout"
              ><span class="jsx-2232935461 forest withArrow normal"
                ><span class="jsx-2232935461 content"
                style="font-size:13px;"
                  >更多关于 Kindle 收购的问题</span
                ><svg
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  xmlns="http://www.w3.org/2000/svg"
                  class="Icon"
                  style="float:none;font-size:13px;"
                >
                  <polyline points="9 18 15 12 9 6"></polyline></svg></span
            ></a>
          </div>
          <div class="jsx-2062447485">
            <h2 class="jsx-2062447485">型号</h2>
            <div class="jsx-2062447485 gray-section">
              请选择 Kindle 型号<svg
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
                xmlns="http://www.w3.org/2000/svg"
                class="Icon"
              >
                <polyline points="9 18 15 12 9 6"></polyline>
              </svg>
            </div>
          </div>
        </div>
        <div class="Fixed" style="z-index: 10">
          <div class="jsx-864363205 limit-width-root">
            <div class="jsx-3080097702 submit-section">
              <button
                class="
                  Button
                  Button--normal
                  Button--forest
                  Button--mega
                  Button--block
                  Button--round
                "
                disabled=""
                style="width:100%;height:44px;"
              >
                <div class="Button-inner">获得估价</div>
              </button>
            </div>
          </div>
          <div
            class="Fix-iphone-x"
            style="background-color: rgb(255, 255, 255)"
          ></div>
        </div>
      </div>
      <div class="jsx-1248852712">
        <a href="#/"
          ><div class="jsx-1248852712 home-btn">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 200 200"
              width="28"
              height="28"
              fill="rgb(255, 255, 255)"
            >
              <path
                d="M151.34 170.38H48.16c-5.78 0-10.38-3.74-12.28-10-4.55-15-.68-54.86-.22-59.37-.13-.81-1.32-1.67-2.9-1.67a12.36 12.36 0 01-12-8.08 10.78 10.78 0 014-12.12l67-50.5a13.47 13.47 0 0115.94 0l67 50.5a10.78 10.78 0 014 12.12 12.35 12.35 0 01-12 8.08c-1.57 0-2.77.86-2.9 1.67.45 4.41 4.16 43-.17 59.21-1.63 6.27-6.35 10.16-12.29 10.16zM99.75 35.61a3.65 3.65 0 00-2.19.67l-67 50.51c-.91.68-.74 1.2-.66 1.42.25.76 1.23 1.53 2.86 1.53 6.89 0 12.5 5.12 12.5 11.4v.5c-1.22 11.71-3.63 44.59-.18 55.94 1 3.22 2.53 3.22 3.11 3.22h103.15c1.5 0 2.53-1 3.07-3.06 4-15.15-.09-55.69-.14-56.1v-.5c0-6.28 5.6-11.4 12.49-11.4 1.63 0 2.62-.77 2.87-1.53.07-.22.25-.74-.67-1.42L102 36.28a3.7 3.7 0 00-2.25-.67zm-5.08-3.16z"
              ></path>
              <path
                d="M80.1 153.37a4.79 4.79 0 01-4.79-4.8v-19.32c0-7.75 7.61-16.06 17-16.06h14.94c9.36 0 17 8.31 17 16.06v19.32a4.8 4.8 0 11-9.59 0v-19.32c0-2.11-3.16-6.47-7.39-6.47H92.28c-4.23 0-7.39 4.36-7.39 6.47v19.32a4.79 4.79 0 01-4.79 4.8z"
              ></path>
            </svg></div
        ></a>
      </div>
      <div class="Fixed"><div class="Fix-iphone-x"></div></div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.electronics-buyout.jsx-4111153837 {
    padding-bottom: 180px;
}
.nav-section.jsx-3168862252 {
    padding: 20px 15px 0px;
}
h2.jsx-3168862252 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}
.secondary-nav.jsx-2951133070 {
    display: flex;
    flex-wrap: wrap;
}
.secondary-nav-item.active.jsx-2951133070 {
    background-color: rgb(73, 119, 73);
    color: rgb(255, 255, 255);
}
.secondary-nav-item.jsx-2951133070 {
    background-color: rgb(242, 242, 242);
    font-size: 14px;
    font-weight: 500;
    padding: 9px 18px;
    margin: 10px 16px 0px 0px;
    border-radius: 19px;
    cursor: pointer;
}

.kindle-entry.jsx-3257745841 {
    font-size: 13px;
}
.main-content.jsx-3257745841 {
    padding: 20px 15px;
}
.tip-section.jsx-3257745841 {
    margin-bottom: 35px;
}
.emphasis-section.normal.jsx-1818045964 {
    font-weight: 400;
}
.emphasis-section.jsx-1818045964 {
    margin-bottom: 15px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(199, 89, 67);
    background: rgba(199, 89, 67, 0.06);
    border-radius: 5px;
}
.root.jsx-3033025135 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}
li.jsx-3033025135 {
    padding-left: 16px;
    position: relative;
    margin-bottom: 0px;
}
li.jsx-3033025135::before {
    content: "";
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0px;
    top: 7.75px;
    border-radius: 50%;
    background: rgb(199, 89, 67);
    border: 1px solid rgb(199, 89, 67);
}
.normal.jsx-2232935461 {
    font-weight: 400;
}
.withArrow.jsx-2232935461 {
    cursor: pointer;
}
.forest.jsx-2232935461 {
    color: rgb(73, 119, 73);
}
h2.jsx-2062447485 {
    font-size: 16px;
    font-weight: 500;
}
.gray-section.jsx-2062447485 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(73, 119, 73);
    background-color: rgb(247, 247, 247);
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    padding: 13px 15px;
    margin-top: 15px;
    cursor: pointer;
}
.limit-width-root.jsx-864363205 {
    max-width: 600px;
    margin: 0px auto;
}
.submit-section.jsx-3080097702 {
    padding: 10px 20px 20px;
    background-color: rgb(255, 255, 255);
}
.Button-inner {
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
</style>